$designWidth: 720;
@function px2rem( $px) {
  @return $px*320/$designWidth/20+rem;
}

page-home {
    .back249{
        background:rgb(249,249,249);
    }
    .infinite-loading-text {
        font-size: 1rem;
    }

    .userPic{
        width:25px;
        height:25px;
        border-radius:25px;
    }
    .userPicw{
        width:25px;
        height:25px;
    }
    .toolbar-md {
        .button-inner{
            color:#fff;
        }
        .toolbar-title {
          text-align: center;
          color: #fff;
        }

        .bar-button-menutoggle-md {
          // margin: 0 px;
          padding: 0 0px;
          min-width: 25px;
        }

    }
    .item-md.item-block .item-inner {
        padding-right: 0px;
    }

    ion-content{
        .scroll-content{
            
            .homeBanner{
                height:150px;
                .swiper-wrapper{
                    .swiper-slide{
                        background-size: 100% 100%!important;
                    }
                }
            }
            .backfff{
                background:#fff;                
            }
            .site-news{
                height:32px;
                background:#fff;
                // position:relative;
                padding: 6px 0px 0px 10px;
                border-bottom:1px solid #f9f9f9;
                .news{
                    // position: absolute;
                    // top: 6.5px;
                    // left: 5px;
                    float:left;
                    color:#ff0000;
                    border-right:1px solid #c8c8c8
                }
                .news-content{
                    // position: absolute;
                    // top: 6.5px;
                    // left: 95px;
                    float:left;

                    .list-md{
                        padding-left: 14px;
                        margin-bottom:0px
                    }

                    a{
                        color:#494949;

                    }

                    .announcement-container{
                        height:19px;
                    }

                }


            }
            .announcement{
                min-height:0;
                padding-left: 5px;
                font-size: 1.4rem;
                .label-md{
                    margin: 0px 0px 0px 0;
                }

            }

            .home-loading {
                ion-infinite-scroll-content{
                    .infinite-loading{
                        margin: 0 0 12px;

                    }

                }


            }


            .home-viewpage{
                ion-segment-button{
                    color: #494949

                }
                .segment-activated{
                    color:#ff0000;
                    border-color:#ff0000;

                }
                .activated{
                    color: #ff0000;
                    border-color: #ff0000;
                }

                
            }
            .goods-list{
                ion-slides{
                    padding:10px;
                    background:#f9f9f9;
                    // ion-slide:first-child .slide-zoom ion-list {
                    //     // display: flex !important
                    //     height:fit-content;
                    // }
                    // ion-slide .slide-zoom ion-list {
                    //     // display: none
                    //     height:400px;
 
                    // }
                    ion-slide,ion-list {
                        margin: -1px 0 0px;
                        background:#f9f9f9;
                        overflow: hidden;
                        display: flex;
                        flex-wrap: wrap;
                        .more{
                            color:rgb(130,130,130);
                            font-size: 1.5rem;
                            display: block;
                            margin: 10px 0;
                        }
                        .item-block .item-inner {
                        border-bottom: 0px solid #dedede;
                        }

                        .item{
                            padding-left:0px;
                            background:#f9f9f9;
                            padding:px2rem(20);
                            width:50%;
                            height: fit-content;

                            .label-md{
                                margin: 0px 0px 0px 0;

                            }
                            .content{
                                background:#fff;
                                padding:px2rem(20);
                                .goods-img{
                                    height:50%;
                                    width:100%;
                                    padding:px2rem(20);

                                    img{
                                        width:100%;
                                        height:100%;

                                    }
                                    
                                }
                                .goods-text{
                                    height:50%;
                                    width:100%;
                                    .title{
                                        margin-bottom:5px;
                                        span:first-child{
                                            font-size: 14px;
                                        }
                                        span:last-child {
                                            padding:2px;
                                            color:rgb(246, 138, 48);
                                            border:1px solid rgb(246, 138, 48);
                                            border-radius:5px;
                                            font-size: 10px;
                                            float:right;
                                        }


                                    }
                                    .businessman{
                                        margin-bottom:5px;
                                        display: -webkit-flex;
                                        display: flex;
                                        justify-content:space-between;
                                        .user-name{
                                            font-size: 0.8rem;
                                            color:rgb(130,130,130);
                                        }
                                        .state {

                                            font-size: 0.8rem;

                                            color:rgb(130,130,130);
                                        }
                                        .goods-stork{
                                            font-size:0.8rem; 
                                            color:#ff0000;

                                            float:right;
                                        }

                                    }
                                    .footer{
                                        height:px2rem(128);
                                        .buttom{
                                            float:right;
                                            width:px2rem(250);
                                            height:px2rem(128);
                                            // background:rgb(246, 138, 48);
                                            border: 1px solid #ff0000;

                                            color:#ff0000;

                                            border-radius:5px;
                                            div{
                                                width:fit-content;
                                                margin:0 auto;
                                                display:flex;
                                                height:100%;
                                                span {
                                                    // vertical-align: -webkit-baseline-middle;
                                                    // display: inline-flex;
                                                    color: #ff0000;
                                                    margin:auto;
                                                }

                                            }
                                            
                                        }
                                        span{
                                            color:#ff0000;

                                            vertical-align: -webkit-baseline-middle;
                                            display: inline-flex;

                                        }
                                    }

                                }


                            }


                        }
                        .nothing{
                            display:flex;
                            flex-flow: column;
                            .imgs{
                                width: 50%;
                                margin: 0 auto;

                            }
                            span{
                                font-size: 14px;
                                color: rgb(150, 150, 150);
                                align-self: center;
                            }

                        }

                    }
                }

                

            }



        }

    }


}
.toolbar-md {
    min-height: 42px;
}
// $designWidth: 720;
// @function px2rem( $px) {
//   @return $px*320/$designWidth/20+rem;
// }

// page-home {
//   .userPic {
//     width: 25px;
//     height: 25px;
//   }
//   .toolbar-md {
//     .button-inner {
//       color: #fff;
//     }
//     .toolbar-title {
//       text-align: center;
//       color: #fff;
//     }
//     .bar-button-menutoggle-md {
//       // margin: 0 px;
//       padding: 0 0px;
//       min-width: 25px;
//     }
//   }
//   ion-content {
//     .scroll-content {
//       .homeBanner {
//         height: 150px;
//       }
//       .site-news {
//         height: 32px; // position:relative;
//         padding: 6px 0px 0px 10px;
//         border-bottom: 1px solid #f9f9f9;
//         .news {
//           // position: absolute;
//           // top: 6.5px;
//           // left: 5px;
//           float: left;
//           color: #ff0000;
//           border-right: 1px solid #c8c8c8
//         }
//         .news-content {
//           // position: absolute;
//           // top: 6.5px;
//           // left: 95px;
//           float: left;
//           .list-md {
//             padding-left: 14px;
//             margin-bottom: 0px
//           }
//           a {
//             color: #494949;
//           }
//         }
//       }
//       .announcement {
//         min-height: 0;
//         padding-left: 0px;
//         font-size: 1.4rem;
//         .label-md {
//           margin: 0px 0px 0px 0;
//         }
//       }
//       .home-loading {
//         ion-infinite-scroll-content {
//           .infinite-loading {
//             margin: 0 0 12px;
//           }
//         }
//       }
//       .home-viewpage {
//         ion-segment-button {
//           color: #494949
//         }
//         .segment-activated {
//           color: #ff0000;
//           border-color: #ff0000;
//         }
//         .activated {
//           color: #ff0000;
//           border-color: #ff0000;
//         }
//       }
//       .goods-list {
//         ion-list {
//           margin: -1px 0 0px;
//           padding: px2rem(20);
//           background: #f9f9f9;
//           overflow: hidden;
//           display: flex;
//           flex-wrap: wrap;
//           .item-block .item-inner {
//             border-bottom: 0px solid #dedede;
//           }
//           .item {
//             padding-left: 0px;
//             background: #f9f9f9;
//             padding: px2rem(20);
//             width: 50%;
//             .label-md {
//               margin: 0px 0px 0px 0;
//             }
//             .content {
//               background: #fff;
//               padding: px2rem(20);
//               .goods-img {
//                 height: 50%;
//                 width: 100%;
//                 padding: px2rem(20);
//                 img {
//                   width: 100%;
//                   height: 100%;
//                 }
//               }
//               .goods-text {
//                 height: 50%;
//                 width: 100%;
//                 .title {
//                   margin-bottom: 5px;
//                   span:first-child {
//                     font-size: 14px;
//                   }
//                   span:last-child {
//                     padding: 2px;
//                     color: rgb(246, 138, 48);
//                     border: 1px solid rgb(246, 138, 48);
//                     border-radius: 5px;
//                     font-size: 10px;
//                     float: right;
//                   }
//                 }
//                 .businessman {
//                   margin-bottom: 5px;
//                   display: -webkit-flex;
//                   display: flex;
//                   justify-content: space-between;
//                   .user-name {
//                     font-size: 12px;
//                     color: rgb(130, 130, 130);
//                   }
//                   .state {
//                     font-size: 12px;
//                     color: rgb(130, 130, 130);
//                   }
//                   .goods-stork {
//                     font-size: 12px;
//                     color: #ff0000;
//                     float: right;
//                   }
//                 }
//                 .footer {
//                   height: px2rem(128);
//                   .buttom {
//                     float: right;
//                     width: px2rem(250);
//                     height: px2rem(128); // background:rgb(246, 138, 48);
//                     border: 1px solid #ff0000;
//                     color: #ff0000;
//                     border-radius: 5px;
//                     div {
//                       width: fit-content;
//                       margin: 0 auto;
//                       span {
//                         vertical-align: -webkit-baseline-middle;
//                         display: inline-flex;
//                         color: #ff0000;
//                       }
//                     }
//                   }
//                   span {
//                     color: #ff0000;
//                     vertical-align: -webkit-baseline-middle;
//                     display: inline-flex;
//                   }
//                 }
//               }
//             }
//           }
//         }
//       }
//     }
//   }
// }

// .toolbar-md {
//   min-height: 42px;
// }

